<html>
<head>
  <title>Devcathlon: Sign Up</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->


<div class="wrapper">

<h2>Signup form</h2>
<blockquote>
    <form name="form1" method="post" action="">
      <label></label>
      <label></label>
      <table border="0" cellspacing="1" cellpadding="0" width="100%">
        <tr>
          <td><p>In order to be able to use Devcathlon, you must first register.<br>
            Please enter your desired user name, your email address and other required    details in the form below. <br>
            <strong>User Name</strong>:<br>
            <INPUT TYPE="text" MAXLENGTH="25" SIZE="50" NAME="username">
            </p>
            <p><br>
              Password </p>
            <table border="0" cellspacing="3" cellpadding="0" width="400">
                <tr>
                  <td colspan="2">Please enter a password for your      user account. Note that passwords are case-sensitive. </td>
                </tr>
                <tr>
                  <td><p>Password:<br>
                          <INPUT TYPE="password" MAXLENGTH="50" SIZE="25" NAME="password">
                  </p></td>
                  <td><p>Confirm Password:<br>
                          <INPUT TYPE="password" MAXLENGTH="50" SIZE="25" NAME="passwordconfirm">
                  </p></td>
                </tr>
              </table>
            <p>Email Address </p>
            <table border="0" cellspacing="3" cellpadding="0" width="400">
                <tr>
                  <td colspan="2"><br>
                    Please enter a valid email      address for yourself. </td>
                </tr>
                <tr>
                  <td><p>Email Address:<br>
                          <INPUT TYPE="text" MAXLENGTH="50" SIZE="25" NAME="email">
                  </p></td>
                  <td><p>Confirm Email Address:<br>
                          <INPUT TYPE="text" MAXLENGTH="50" SIZE="25" NAME="emailconfirm">
                  </p></td>
                </tr>
              </table>
            <p>Image Verification </p>
            <table border="0" cellspacing="3" cellpadding="0" width="100%">
                <tr>
                  <td width="100%" valign="top">Please enter the six letters or      digits that appear in the image opposite. <br>
                    <br>
                    <INPUT TYPE="text" MAXLENGTH="6" NAME="imagestamp">
                  </td>
                  <td valign="bottom"><p align="center"><img src="image.jpg" width="201" height="61"></p>
                    <p align="center"><a href="signup.html">Refresh Image</a> </p></td>
                </tr>
              </table>
            <p>
                <!--  vB_AJAX_ImageReg_Init();  //-->
            </p></td>
        </tr>
      </table>
      <div align="center">
        <table border="0" cellspacing="1" cellpadding="0" width="100%">
          <tr>
            <td><p>Additional Information</p></td>
          </tr>
          <tr>
            <td><p>Referrer </p>
                <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><br>
                      If you were referred to this      site by an existing member of devcathlon, enter their name here. </td>
                  </tr>
                  <tr>
                    <td><p>Referrer:<br>
                            <INPUT TYPE="text" MAXLENGTH="25" SIZE="50" NAME="referrername">
                      <br>
                            <!--  								vbmenu_register('referrerfield', true);  								rnc = new vB_AJAX_NameSuggest('rnc', 'referrerfield_txt', 'referrerfield');  								rnc.allow_multiple = false;  							//-->
                      &nbsp;</p></td>
                  </tr>
                </table>
              <p>Time Zone </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><br>
                      All timestamps displayed on the site can be automatically corrected to show the correct time for your      location in the world. Simply select the appropriate time zone from the      list below. </td>
                  </tr>
                  <tr>
                    <td><p>
                      <SELECT NAME="timezoneoffset">
                          <OPTION VALUE="-12">(GMT -12:00) Eniwetok, Kwajalein  
                        <OPTION VALUE="-11">(GMT -11:00) Midway Island, Samoa  
                        <OPTION SELECTED VALUE="-10">(GMT -10:00) Hawaii  
                        <OPTION VALUE="-9">(GMT -9:00) Alaska  
                        <OPTION VALUE="-8">(GMT -8:00) Pacific Time (US &amp; Canada)  
                        <OPTION VALUE="-7">(GMT -7:00) Mountain Time (US &amp; Canada)  
                        <OPTION VALUE="-6">(GMT -6:00) Central Time (US &amp; Canada), Mexico City  
                        <OPTION VALUE="-5">(GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima  
                        <OPTION VALUE="-4">(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz  
                        <OPTION VALUE="-3.5">(GMT -3:30) Newfoundland  
                        <OPTION VALUE="-3">(GMT -3:00) Brazil, Buenos Aires, Georgetown  
                        <OPTION VALUE="-2">(GMT -2:00) Mid-Atlantic  
                        <OPTION VALUE="-1">(GMT -1:00 hour) Azores, Cape Verde Islands  
                        <OPTION VALUE="0">(GMT) Western Europe Time, London, Lisbon, Casablanca  
                        <OPTION VALUE="1">(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris  
                        <OPTION VALUE="2">(GMT +2:00) Kaliningrad, South Africa  
                        <OPTION VALUE="3">(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg  
                        <OPTION VALUE="3.5">(GMT +3:30) Tehran  
                        <OPTION VALUE="4">(GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi  
                        <OPTION VALUE="4.5">(GMT +4:30) Kabul  
                        <OPTION VALUE="5">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent  
                        <OPTION VALUE="5.5">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi  
                        <OPTION VALUE="6">(GMT +6:00) Almaty, Dhaka, Colombo  
                        <OPTION VALUE="7">(GMT +7:00) Bangkok, Hanoi, Jakarta  
                        <OPTION VALUE="8">(GMT +8:00) Beijing, Perth, Singapore, Hong Kong  
                        <OPTION VALUE="9">(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk  
                        <OPTION VALUE="9.5">(GMT +9:30) Adelaide, Darwin  
                        <OPTION VALUE="10">(GMT +10:00) Eastern Australia, Guam, Vladivostok  
                        <OPTION VALUE="11">(GMT +11:00) Magadan, Solomon Islands, New Caledonia  
                        <OPTION VALUE="12">(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka  
                      </SELECT>
                      Time      Zone: </p></td>
                  </tr>
                  <tr>
                    <td><p>In addition, you may set the      appropriate option to allow for daylight savings time in your part of the      world.</p></td>
                  </tr>
                  <tr>
                    <td><p>
                      <SELECT NAME="dst">
                          <OPTION VALUE="2">Automatically detect DST settings  
                        <OPTION VALUE="1">DST corrections always on  
                        <OPTION VALUE="0">DST corrections always off  
                      </SELECT>
                      DST      Correction Option: </p></td>
                  </tr>
                </table>
              <p>Receive Email </p>
              <table border="0" cellspacing="3" cellpadding="0" width="100%">
                  <tr>
                    <td><br>
                      From time to time, the      administrators may want to send you email notices.<br>
                      <br>
                      If you do not want to receive these notices, disable this option. </td>
                  </tr>
                  <tr>
                    <td><p>
                      <INPUT TYPE="checkbox" CHECKED NAME="options[adminemail]" VALUE="1">
                      Receive      Email from Administrators</p></td>
                  </tr>
                  <tr>
                    <td><p>You can allow other members to      send you email messages.</p></td>
                  </tr>
                  <tr>
                    <td><p>
                      <INPUT TYPE="checkbox" NAME="options[showemail]" VALUE="1">
                      Receive      Email from Other Members</p></td>
                  </tr>
                </table>
              <p align="center">
                <INPUT TYPE="submit" VALUE="Complete Registration">
                <INPUT TYPE="reset" VALUE="Reset Fields" NAME="Reset">
              </p></td>
          </tr>
        </table>
      </div>
    </form>
    <p><br>
    </p>
  </blockquote>
  <div id="footerFeedback">
  <p>&nbsp;</p>
  <p>This isthe sign up page for using Devcathlon.</p>
</div>

</div> <!-- End id=page -->

</body>
</html>
